<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>海贼王</title>
  </head>
  <body>
    <div class="container">
      <div class="panel active" style="background-image: url('https://img.zcool.cn/community/015bd15c248fbba80121df90241501.jpg@2o.jpg')">
        <h3>路飞</h3>
      </div>
      <div class="panel" style="background-image: url('https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/cefc1e178a82b90100874118718da9773912eff7.jpg')">
        <h3>娜美</h3>
      </div>
      <div class="panel" style="background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.e3d888e57ab97f952aa00727a1f5f8be?rik=%2bvCOSixxutpyfg&riu=http%3a%2f%2fwww.obzhi.com%2fwp-content%2fuploads%2f2020%2f10%2fsuolong2.jpg&ehk=QwR2YZwfL89zvLiJoDGqrmGbckXAljZQbz7gIzRtKxM%3d&risl=&pid=ImgRaw&r=0')">
        <h3>索罗</h3>
      </div>
      <div class="panel" style="background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.6fe9c1bb81bc8e73915d226ce0badaab?rik=vVKhhreLYY0jzA&riu=http%3a%2f%2fugc.qpic.cn%2fbaikepic2%2f24273%2f20161022155507-1811432480.jpg%2f300&ehk=ot%2f6Dc%2bNbhhSse2rdlsVGGVw313%2fhYw0cV32WeLQm9M%3d&risl=&pid=ImgRaw&r=0')">
        <h3>罗宾</h3>
      </div>
      <div class="panel" style="background-image: url('https://uploadfile.bizhizu.cn/2015/0527/20150527080100111.jpg')">
        <h3>女帝</h3>
      </div>

    </div>

    <script src="script.js"></script>
  </body>
</html>